<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Our Love Story</title>

<style type="text/css">
@font-face {
    font-family: digit;
	src: url('digital-7_mono.ttf') format("truetype");
}
</style>

<link href="css/default.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/garden.js"></script>
<script type="text/javascript" src="js/functions.js"></script>

</head>

<body>

<div id="mainDiv">
	<div id="content">
	<div id="music_code">
		 <div id="code">
                <span class="comments">/**</span><br />
                <span class="space"/><span class="comments">* July 3,1997,you mother took you to this world.</span><br />
				 <span class="space"/><span class="comments">* Today is July 3,2016,it is your 19th birthday.</span><br />
                <span class="space"/><span class="comments">* So I write some code to show my blessing to you.</span><br />
				<span class="space"/><span class="comments">* I  want to thank you Mommy,</span><br />
				<span class="space"/><span class="comments">* thank she for bring you this beautiful world!</span><br />
                <span class="space"/><span class="comments">*/</span><br />
                Boy i = <span class="keyword">new</span> Boy(<span class="string">"WJW"</span>);<br />
                Girl u = <span class="keyword">new</span> Girl(<span class="string">"QJ"</span>);<br />
				<span class="comments">// Oct 27, 1995, I was born. </span><br />
                i.born();<br />
				<span class="comments">// Then,July 3, 1997, you were born. </span><br />
                u.born();<br />
				<span class="comments">// Over the next decade,we did't know each other. </span><br />
                WeAreStranger(u,i);<br />
				<span class="comments">// Feb 1, 2015, we met at the first time. </span><br />
                i.meet(u);<br />
				<span class="comments">// Since then,we began to chat with each other. </span><br />
                i.chat(u);<br />
                <span class="comments">// June 13, 2016, you ask me if I love you. </span><br />
                u.ask(i);<br />
                <span class="comments">// I was so excited at that moment.</span><br />
                i.excited();<br />
                <span class="comments">// Maybe it has happended a bit quicker than I thought,</span><br />
				<span class="comments">// I was a bit overwhelmed.</span><br />       
                <span class="comments">// And you asked me again:Yes or No.</span><br />
                <span class="keyword">boolean</span> isAccept = <span class="keyword">true</span>;<br />
                <span class="comments">// As you know, this is my answer:Yes,I do.</span><br />
				i.do();<br />
				<span class="comments">// From now on,I will take care of u and our love</span><br />
                <span class="comments">// We will live happily ever after.</span><br />				
				i.takeCareOf(u);<br />
                i.liveHappilyWith(u);<br />

            </div>
			<!--
		<div id="music">
		<embed src="http://music.163.com/style/swf/widget.swf?sid=65681&type=2&auto=1&width=320&height=66" width="340" height="86"  allowNetworking="all"></embed>
		</div>
		-->
		<embed src="http://7xj94y.com1.z0.glb.clouddn.com/birthday.mp3" hidden=true type=audio/mpeg
allowScriptAccess="never" allowNetworking="internal" loop="true"></embed>
		</div>
		<div id="loveHeart">
			<canvas id="garden"></canvas>
			<div id="words">
				<div id="messages">
					<b>You have come to this world for 
					<div id="elapseClock"></div></b>
				</div>
				<div id="loveu">
					<b>Happy Birthday &nbsp &nbsp &nbsp &nbsp<br/>
					to Qian Jiang! </b><br/>
					<div class="signature">- Mr.Wang</div>
				</div>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript">
var offsetX = $("#loveHeart").width() / 2;
var offsetY = $("#loveHeart").height() / 2 - 55;
var together = new Date();
together.setFullYear(1997, 7, 3);
together.setHours(0);
together.setMinutes(0);
together.setSeconds(0);
together.setMilliseconds(0);

if (!document.createElement('canvas').getContext) {
	var msg = document.createElement("div");
	msg.id = "errorMsg";
	msg.innerHTML = "Your browser doesn't support HTML5!<br/>Recommend use Chrome 14+/IE 9+/Firefox 7+/Safari 4+"; 
	document.body.appendChild(msg);
	$("#code").css("display", "none")
	$("#copyright").css("position", "absolute");
	$("#copyright").css("bottom", "10px");
	document.execCommand("stop");
} else {
	setTimeout(function () {
		startHeartAnimation();
	}, 5000);

	timeElapse(together);
	setInterval(function () {
		timeElapse(together);
	}, 500);

	adjustCodePosition();
	$("#code").typewriter();
}
</script>
	 
</body>
</html>